<html>
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="no-cache">
	<meta http-equiv="Expires" content="-1">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<head>
	<link rel="Stylesheet" href="./beaselector.css" type="text/css"/>
	<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
	<script src="./jquery.beaselector.js"></script>
	<script type="text/javascript">
		function alert2(objName)
		{
			$('#tip').html('You are changing select2');
		}
	    $(document).ready(function() {
	        $('#select1').bea_selector({inputid:'name',width:150,height:200,onchange:function(){$('#tip').html('You are changing select2');}});
			$('#select2').bea_selector({inputid:'name2',width:150,onchange:'alert2()'});
			$('#fe').bind('blur',function(){$(this).hide()});
			$('#b').bind('blur',function(){$(this).hide()});
			//$('#fe').bind('blur',function(){$(this).hide()});
	    });    
	</script>
	</head>
	<body name="body">
		<div style="width:300px;float:left">
		<select id='select1' style='displya:none'>
			<option value="一">First</option>
			<option value="二">Second</option>
			<option value="三">Third</option>
			<option value="四">Fouth</option>
			<option value="五">five</option>
			<option value="六">six</option>
			<option value="七">seven</option>
			<option value="八">eight</option>
			<option value="九">night</option>
			<option value="十">ten</option>
			<option value="十一">eleven</option>
			<option value="十二">twenteen</option>
			<option value="十三">thirteen</option>
			<option value="十四">fourteen</option>
			<option value="十五">fifteen</option>
			<option value="十六">sixteen</option>
			<option value="十七" selected>seventeen</option>
			<option value="十八">eighteen</option>
			<option value="十九">nighteen</option>
			<option value="二十">twenty</option>
			<option value="二一">twenty-one</option>
			<option value="二二">twenty-two</option>
			<option value="二三">end</option>
			<option value="一">First</option>
			<option value="二">Second</option>
			<option value="三">Third</option>
			<option value="四">Fouth</option>
			<option value="五">five</option>
			<option value="六">six</option>
			<option value="七">seven</option>
			<option value="八">eight</option>
			<option value="九">night</option>
			<option value="十">ten</option>
			<option value="十一">eleven</option>
			<option value="十二">twenteen</option>
			<option value="十三">thirteen</option>
			<option value="十四">fourteen</option>
			<option value="十五">fifteen</option>
			<option value="十六">sixteen</option>
			<option value="十七">seventeen</option>
			<option value="十八">eighteen</option>
			<option value="十九">nighteen</option>
			<option value="二十">twenty</option>
			<option value="二一">twenty-one</option>
			<option value="二二">twenty-two</option>
			<option value="二三">end</option>
		</select>
		</div>
		<div style="width:300px;float:left">
		<select id='select2' style='display:none'>
			<option value=1>Second-First</option>
			<option value=2 selected>Second-Second</option>
		</select>
		</div>
		<div id='tip' style="float:left;width:100%;height:200px;"></div>
		<div style="float:left;width:100%;height:200px;">
		<input type="button" onclick="$('#select1').bea_selector().setValue(2);$('#select1').bea_selector().rebuild({inputid:'name',width:150,height:200,onchange:function(){$('#tip').html('You are changing select1');}});" name="button" value="Change Select1" />
		<input type="button" onclick="$('#select2').bea_selector().setValue(0);$('#select2').bea_selector().rebuild({inputid:'name2',width:150,onchange:'alert2()'});" name="button" value="Change Select2" />
		</div>
	</body>
</html>